<template>
  <div class="relative max-w-7xl mx-auto my-24 px-4 flex gap-8">
    <section class="flex-1 min-w-0">
      <MdPreview :id="id" :modelValue="props.text" />
    </section>
  </div>
</template>

<script setup>
import { MdPreview } from 'md-editor-v3'
import { defineProps } from 'vue'

const props = defineProps({
  text: {
    type: String,
    default: ''
  }
})
const id = 'preview-only'
</script>